<template lang="pug">
  .container
    .user-header
      .userImg
        img(src='/img/logo.png')
        .userName 绯色琉璃
        nuxt-link.about-us(to='') 关于我们
</template>
<script>

export default {
  components: {

  }
}
</script>
<style lang="sass" scoped>
.float-right
  float: right
.user-header
  width: 100%
  height: 6rem
  background-color: #AB956E
  color: white
  .userImg
    position: relative 
    height: 100%
    
    img
      width: 15%
      border-radius: 50%
      background-color: red 
      margin: 1.5rem .8rem
      float: left
    .userName
      float: left 
      line-height: 6rem
    .about-us
      float: right
      line-height: 6rem
      padding-right: .8rem
      color: white 
      background-images:
</style>
